<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style type="text/css">
		.menu{
			width: 694px;
			height: 50px;
			/* background-color: cyan; */
			list-style: none;   /* 去掉小圆点 */
			margin: 50px auto 0;
			padding: 0px;
			font-size: 0px;
		}
		.menu li{
			display: inline-block;
			width: 98px;
			height: 48px;
			border: 1px solid gold;
			/* font-size: 16px; */
			/* background-color:; */
			/* float: left; */
			margin-left: -1px;
		}
		.menu li a{
			display: block;
			width: 98px;
			height: 48px;
			text-decoration: none;
			text-align: center;
			line-height: 48px;
			font-size: 16px;
			color: pink;
			font-family: "Mirosoft Yahei";
		}

		.menu li a:hover{
			background-color: gold;
			color: #fff;
		}
		

	</style>


</head>
<body>
	<ul class="menu">
		<li><a href="">公司简介</a></li>
		<li><a href="">公司简介</a></li>
		<li><a href="">公司简介</a></li>
		<li><a href="">公司简介</a></li>
		<li><a href="">公司简介</a></li>
		<li><a href="">公司简介</a></li>
		<li><a href="">公司简介</a></li>
	</ul>


</body>
</html>